@CHARSET "UTF-8";
/**
 * Оформление главной страницы
 * 
 * Здесь задается стилевое оформление непосредственно относящееся
 * к главной странице сайта.
 *
 * @file    default-index.css
 *
 */
@media screen, projection
{
/***************************************************************************
 * Мои правки оригинального шаблона для главной страницы сайта default-index
 ***************************************************************************/
 	/**
	 * Правка оригинального шаблона YAML CSS Framework
	 */
	html
	{
		background: #dfd9c9;
		background: #f2f2e8 url(../../images/textures/body-texture.jpg) fixed 0 -10px;
		padding: 0 10px 10px;
		padding: 0;
	}
	
	body
	{
		background: #f2f2e8 url(../../images/textures/body-texture.jpg) fixed 0 -10px;
		font-family: arial,helvetica;
		height: 100%;
	}
	.page_margins
	{
		background: #fbfbfb url(../../images/textures/parallax_bits1.gif) -20% 0;
		margin: 0 100px;
		margin: 0;
		position: relative;
		z-index: 2;
	}
	.page_margins, #header, #footer, #nav
	{
		min-width: 960px;
		max-width: 160em;
		/*max-width: 970px;*/
	}
	
	#header
	{
		height: 200px;
		padding: 0;
		position: relative;
		z-index: 2;
	}
	#header .page_margins
	{
		height: 100%;
	}
	#header .page
	{
		height: 100%;
	}
	
	#nav
	{
		position: relative;
		z-index: 2;
	}
	
	#teaser
	{
		background: #f2f2e8 url(../../images/textures/body-texture.jpg) fixed 0 -10px;
		clear:both;
		height: 250px;
		padding: 0 20px;
	}
	
	#main { margin: 10px 0 0 0; background: #fff; }
	
	#footer
	{
		height: 150px;
		position: relative;
		z-index: 2;
	}
	#footer .page_margins
	{
		
	}
	#footer .page
	{
		
	}
	
	
	/**
	 * Паралакс маппинг
	 */
	 div.pa, div.ral, div.lax, div.mapping
	 {
	 	left: 0;
	 	position: fixed; /* паралакс текстура будет стоять на месте */
	 	position: absolute;
	 	top: 10px;
	 	top: 0;
	 	width: 100%;
	 	z-index: 1;
	 }
	 div.pa
	 {
	 	background: transparent url(../../images/textures/parallax_bits1.gif) repeat-x 80% 0;
	 	height: 482px;
	 	top: 100px;
	 	top: 0;
	 }
	 div.ral
	 {
	 	background: transparent url(../../images/textures/parallax_bits2.gif) repeat-x 15% 0;
	 	height: 418px;
	 	top: 400px;
	 	top: 300px;
	 }
	 div.lax
	 {
	 	background: transparent url(../../images/textures/parallax_logoBig.png) no-repeat 90% 0;
	 	height: 191px;
	 }
	 div.mapping
	 {
	 	background: transparent url(../../images/textures/parallax_logoHuge.png) no-repeat 30% 0;
	 	height: 220px;
	 }
 	
}